import { Link } from 'react-router-dom';
import '../styles/Menu.css'

export function PageMenu({handleClick}) {
    return (
        <nav className="page-menu">
            <ul>
                <li><Link to="/" onClick={() => handleClick('主页')}> 主页 </Link></li>
                <li><Link to="/" onClick={() => handleClick('策略')}> 策略 </Link></li>
                <li><Link to="/" onClick={() => handleClick('回测')}> 回测 </Link></li>
            </ul>
        </nav>
    );
}

export function StrategyMenu({handleClick}) {
    return (
        <nav className="strategy-menu">
            <ul>
                <a onClick={() => handleClick('profit')}> 收益曲线 </a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a onClick={() => handleClick('trade')}> 买卖信号 </a>
            </ul>
        </nav>
    );
}
